<!--
 * @Description: 
 * @Date: 2020-12-25 17:32:35
 * @LastEditors: lother
 * @LastEditTime: 2020-12-31 14:55:35
 * @FilePath: \AccountOpening-H5\src\views\features\pactList.vue
-->
<template>
    <div>
        <l-header :sliderShow="false" :backShow="true" ></l-header>
        <div class="w89">
            <h2 class="title">{{$t('features.pactList.56il0jhasc00')}}</h2>
            <ul class=" pactList">
                <li v-for="(item) in list" :key="item.id">
                    <router-link :to="`pact/`+item.id">《{{item['name_'+langSuff]}}》</router-link>
                </li>
            </ul>
        </div>
    </div>
</template>
<script>
import { agreement  } from '@/api/common'
export default {
    data() {
        return {
            list:[]
        }
    },
    computed:{
         langSuff(){
            return  this.$store.state.langSuff
        },
    },
    created(){
        this.pactList()
    },
    methods:{
        pactList(){
            agreement({type:1})
            .then(res=>{
                this.list  = res.data
            })

        }
    }
}
</script>
<style lang="less" scoped>
    .pactList{
        padding: 0.4rem 0;
        li{
            a{
                .size;
                display: block;
                padding: 0.15rem 0;
            }
        }
    }
</style>